<!DOCTYPE html>
<!-- saved from url=(0047)https://www.12377.cn/jbxzxq/jbxx/zcjb/zcjb.html -->
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<title>违法和不良信息举报中心</title>
	<link rel="stylesheet" href="Css/datepicker.css">
	<link rel="stylesheet" href="Css/nice-select.css">
	<link rel="stylesheet" type="text/css" href="Css/main.css" />
	<script src="Scripts/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<!--<base target="_blank">-->
	<base href="." target="_blank">
	<script src="Scripts/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="Scripts/jquery_cookie_min.js" type="text/javascript" charset="utf-8"></script>
	<script src="Scripts/my.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var harmcategory = ""
		$(function () {
			// if (harmcategory == "") {
			$.ajax({
				type: "get",
				url: "./Utils/harmtype.js",
				dataType: 'json',
				success: function (data) {
					var z = eval(data)["result"]
					harmcategory = eval(JSON.stringify(z))
				},
				error: function (err) {
					console.log(err)
				}
			})
			// }
		})


		//获取危害大类
		function setbigharmcategory(category) {
			$.each(harmcategory, function (i) {
				var parentId = harmcategory[i]["parentId"]
				if (parentId == 0 || parentId == "0") {
					if (harmcategory[i]["id"] == ("00" + category)) {
						$.cookie('bigHarmType', "00" + category)
						return;
					}
				}
			})
		}

		//获取危害小类
		function getbigharmchildren() {
			$.ajax({
				type: "get",
				url: "./Utils/harmtype.js",
				dataType: 'json',
				async: false,
				success: function (data) {
					var z = eval(data)["result"]
					harmcategory = eval(JSON.stringify(z))
				},
				error: function (err) {
					console.log(err)
				}
			})

			var parentId = $.cookie('bigHarmType')
			var smallharmlist = new Array()
			$.each(harmcategory, function (i) {
				var pId = harmcategory[i]["parentId"]
				if (pId != 0 || pId != "0") {
					if (parentId == pId) {
						var obj = new Object()
						obj.name = harmcategory[i]["typeName"]
						obj.value = harmcategory[i]["id"]
						console.log("危害小类：" + harmcategory[i]["typeName"] + "........." + harmcategory[i]["id"])

						smallharmlist.push(obj)
					}
				}
			})

			return smallharmlist
		}


		//设置cookie失效时间
		var date = new Date();
		var minutes = 30;
		date.setTime(date.getTime() + (minutes * 60 * 1000));

		var searchtime = new Date();
		var mm = 1;
		searchtime.setTime(searchtime.getTime() + (mm * 60 * 1000));

		function getParam(paramName) {
			paramValue = "", isFound = !1;
			if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {
				arrSource = unescape(this.location.search).substring(1, this.location.search.length).split("&"), i = 0;
				while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 && arrSource[i].split("=")[0]
					.toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
			}
			return paramValue == "" && (paramValue = null), paramValue
		}

		var tab = getParam("tab")


		function toSearch() {
			var condition = getVal("searchCondition")
			if (condition.length > 0) {
				$.cookie('mySearchCondition', condition, {
					expires: date,
					path: '/',
					secure: true
				})
			}

			// $.ajax({
			//     type:"get",
			//     url:'',
			//     data:{},
			//     success:function(data){
			window.location.href = "/search/search.html"

			//     },
			//     error:function(data,type, err){
			//         console.log(data +" - "+type + ": " + err)
			//     }
			//
			// });
		}

		function limitinput(ele, len) {
			$(ele).bind('input propertychange', function () {
				var tvalmum;
				tvalnum = $(this).val().length;
				if (tvalnum > len) {
					var tval = $(this).val();
					tval = tval.substring(0, len);
					$(this).val(tval);
				}
			});
		}



		function to_notifition(obj) {
			var wxxx = document.getElementById("wxxx")
			var tzgg = document.getElementById("tzgg")

			if (obj == "wxxx") {
				$.cookie('wxxx', 'wxxx', {
					expires: date,
					path: '/',
					secure: true
				})
				wxxx.className = "lv1 focus"
				tzgg.className = ""
			}
			if (obj == tzgg) {
				wxxx.className = ""
				tzgg.className = "lv1 focus"
			}
		}
	</script>
	<div class="header">
		<div class="wrap">
			<!-- <ul class="nav">
					<script type="text/javascript">
						if (tab == null) {
							document.write('<li class="focus"><a href="/index.html">首页</a></li>')
						} else {
							document.write('<li><a href="/index.html">首页</a></li>')
						}

						if (tab == 2) {
							document.write('<li class="focus"><a href="/wxxx/list1.html?tab=2">网信信息</a></li>')
						} else {
							document.write('<li><a href="/wxxx/list1.html?tab=2">网信信息</a></li>')
						}

						if (tab == 3) {
							document.write('<li class="focus"><a href="/tzgg/list1.html?tab=3">通知公告</a></li>')
						} else {
							document.write('<li><a href="/tzgg/list1.html?tab=3">通知公告</a></li>')
						}

						if (tab == 4) {
							document.write('<li class="focus"><a href="/jbzn.html?tab=4">举报指南</a></li>')
						} else {
							document.write('<li><a href="/jbzn.html?tab=4">举报指南</a></li>')
						}

						if (tab == 6) {
							document.write('<li class="focus"><a href="/jbcx.html?tab=6">举报查询</a></li>')
						} else {
							document.write('<li><a href="/jbcx.html?tab=6">举报查询</a></li>')
						}

						if (tab == 5) {
							document.write('<li class="focus"><a href="/jgjj.html?tab=5">机构简介</a></li>')
						} else {
							document.write('<li><a href="/jgjj.html?tab=5">机构简介</a></li>')
						}
					</script>
					<li class="focus"><a href="https://www.12377.cn/index.html">首页</a></li>
					<li><a href="https://www.12377.cn/wxxx/list1.html?tab=2">网信信息</a></li>
					<li><a href="https://www.12377.cn/tzgg/list1.html?tab=3">通知公告</a></li>
					<li><a href="https://www.12377.cn/jbzn.html?tab=4">举报指南</a></li>
					<li><a href="https://www.12377.cn/jbcx.html?tab=6">举报查询</a></li>
					<li><a href="https://www.12377.cn/jgjj.html?tab=5">机构简介</a></li>
				</ul>
				<form class="search" action="https://www.12377.cn/jbxzxq/jbxx/zcjb/zcjb.html" method="GET"
					autocomplete="off">
					<input type="text" id="searchCondition" name="">
					<button class="btn default" id="search" name="search" type="button" onclick="toSearch()">搜索</button>
				</form> -->
		</div>
	</div>

	<div class="breadcrumbs">
		<div class="wrap">当前位置：<a href="default.html">首页</a> &gt;&gt; <a id="big_HAEM"></a>
		</div>
	</div>
	<div class="wrap">
		<div class="main pt30 pb30">
			<script src="Scripts/jquery_cookie_min.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">

				$.ajax({
					type: 'get',
					headers: {
						'Authorization': $.cookie('token')
					},
					url: BS_URL + '/app_user/get',
					type: 'get',
					dataType: 'json',
					async: false,
					success: function (data) {
						if (data["code"] == 1000) {
							$.cookie("loginuname", data["result"]["username"], {
								expires: date,
								path: '/',
								secure: true
							});
							$("#usertab").show()
						} else {
							$("#usertab").hide()
						}
					},
					error: function (err) {
						if (err.status = 401) {
							window.location.href = "./login.html"
						}
					}
				})

				/*
					if ($.cookie("loginuname")!=undefined&$.cookie("loginuname")!=''){
						$("#usertab").show()
					} else {
						$("#usertab").hide()
					}
				*/

				function delaccount() {
					window.location.href = "/user/delaccount.html"
				}


				function deleteMyCookie2(name) {
					var date = new Date();
					date.setTime(date.getTime() - 100000); //删除一个cookie，就是将其过期时间设定为一个过去的时间
					document.cookie = name + "= ' ' " + "; expires=" + date.toUTCString() + ";path=" + "火狐上显示的cookie路径";
					document.cookie = name + "= ' ' " + "; expires=" + date.toUTCString() + ";path=" + "ie和360上显示的cookie路径";

				}

				function logout() {
					deleteMyCookie2("loginuname")
					deleteMyCookie2("bigHarmType")
					deleteMyCookie2("from")
					deleteMyCookie2("username")
					deleteMyCookie2("userid")
					$.removeCookie('loginuname', {
						path: '/'
					});
					$.removeCookie('bigHarmType', {
						path: '/'
					});
					$.removeCookie('from', {
						path: '/'
					});
					$.removeCookie('username', {
						path: '/'
					});
					$.removeCookie('userid', {
						path: '/'
					});

					// $.get(BS_URL + '/rpapi/portal/user/logout', function(data) {
					// 	console.log(data["msg"])
					// })
					window.location.href = "./default.html"
				}

				function changtabstate(obj) {
					var t1 = document.getElementById("tab1")
					var t2 = document.getElementById("tab2")
					var t3 = document.getElementById("tab3")
					var t4 = document.getElementById("tab4")
					if (obj == 1) {
						t1.className = "f-r btn focus"
						t2.className = "f-r btn"
						t3.className = "f-r btn"
						t4.className = "f-r btn"
						return
					}
					if (obj == 2) {
						t2.className = "f-r btn focus"
						t1.className = "f-r btn"
						t3.className = "f-r btn"
						t4.className = "f-r btn"
						return
					}
					if (obj == 3) {
						t3.className = "f-r btn focus"
						t2.className = "f-r btn"
						t1.className = "f-r btn"
						t4.className = "f-r btn"
						return
					}
					if (obj == 4) {
						t4.className = "f-r btn focus"
						t2.className = "f-r btn"
						t3.className = "f-r btn"
						t1.className = "f-r btn"
						return
					}

				}
			</script>
			<!--        <form action="" method="POST" autocomplete="false" id="dataform" enctype="multipart/form-data">-->

			<div class="header-blue mb30" id="usertab">
				<a class="f-r btn" id="tab4" onmouseover="changtabstate(4)" onclick="logout()">退出</a>
				<!-- <a class="f-r btn" id="tab3" onmouseover="changtabstate(3)" href="/user/delaccount.html">注销</a> -->
				<a class="f-r btn" id="tab2" onmouseover="changtabstate(2)" href="./report_info.html">查询信息</a>
				<a class="f-r btn" id="tab1" onmouseover="changtabstate(1)" href="./user_edit.html">修改资料</a>
				<a id="login_username"></a>
			</div>


			<ul class="tabs">
				<li><a class="focus" href="https://www.12377.cn/jbxzxq/jbxx/zcjb/zcjb.html">注册举报</a></li>
			</ul>
			<form action="https://www.12377.cn/jbxzxq/jbxx/zcjb/zcjb.html" method="POST" autocomplete="false"
				id="jbform">
				<h2 class="title">填写举报信息</h2>
				<table class="form" width="100%">
					<tbody>
						<tr>
							<th width="120">危害小类</th>
							<td colspan="2">
								<select class="select w35p" id="harm_category" style="display: none;">
									<option value="0">请选择</option>
									<option value="b739a3ac796f11ea8b87b54cbb8b5a18">攻击党和国家制度及重大方针政策</option>
									<option value="c09f7e1d796f11ea8b870721f6ba3533">攻击“两个维护”</option>
									<option value="c921612e796f11ea8b8727c8e61aed35">危害国家安全、泄露国家秘密</option>
									<option value="d20decef796f11ea8b8799a6208d12a3">破坏国家统一和领土完整</option>
									<option value="e1bf1b60796f11ea8b87c5c0efb103c2">损害国家形象荣誉利益</option>
									<option value="ea190411796f11ea8b873d83c5058c07">破坏国家民族宗教政策、宣扬邪教</option>
									<option value="f192c5f2796f11ea8b87c5aa3bc8806b">诋毁英雄烈士</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">请选择</span>
									<ul class="list">
										<li data-value="0" class="option selected">请选择</li>
										<li data-value="b739a3ac796f11ea8b87b54cbb8b5a18" class="option">
											攻击党和国家制度及重大方针政策</li>
										<li data-value="c09f7e1d796f11ea8b870721f6ba3533" class="option">攻击“两个维护”
										</li>
										<li data-value="c921612e796f11ea8b8727c8e61aed35" class="option">
											危害国家安全、泄露国家秘密</li>
										<li data-value="d20decef796f11ea8b8799a6208d12a3" class="option">破坏国家统一和领土完整
										</li>
										<li data-value="e1bf1b60796f11ea8b87c5c0efb103c2" class="option">损害国家形象荣誉利益
										</li>
										<li data-value="ea190411796f11ea8b873d83c5058c07" class="option">
											破坏国家民族宗教政策、宣扬邪教</li>
										<li data-value="f192c5f2796f11ea8b87c5aa3bc8806b" class="option">诋毁英雄烈士</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>
						</tr>
						<tr>
							<th width="120">被举报平台</th>
							<td colspan="2">
								<select class="select w35p" id="report_platform" style="display: none;">
									<option value="0">请选择被举报平台</option>
									<option value="WEBSITE">网站网页</option>
									<option value="APP">APP</option>
									<option value="ACCOUNT">网络账号</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">请选择被举报平台</span>
									<ul class="list">
										<li data-value="0" class="option selected">请选择被举报平台</li>
										<li data-value="WEBSITE" class="option">网站网页</li>
										<li data-value="APP" class="option">APP</li>
										<li data-value="ACCOUNT" class="option">网络账号</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>
						</tr>

						<!--网站-->
					</tbody>
					<tbody id="report_sources_1" style="display: none;">
						<tr>
							<th>网站名称</th>
							<td><input type="text" class="txt w100p" id="website_name" name="website_name" value=""
									placeholder="请输入网站名称">
							</td>
							<td width="25%" class="tip err" id="website_name_err"></td>

						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="website_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="website_address_err"></td>
						</tr>

					</tbody>


					<!--APP-->
					<tbody id="report_sources_2" style="display: none;">
						<tr id="xyz">
							<th>APP名称</th>
							<td><input type="text" class="txt w100p" id="app_name" name="" value=""
									placeholder=" APP名称（40位），例如：WebChat">
							</td>
							<td width="25%" class="tip err" id="app_name_err"></td>
						</tr>
						<tr>
							<th width="120">APP定位</th>
							<td colspan="2">
								<select class="select w35p" id="app_source" style="display: none;">
									<option value="0">请选择</option>
									<option value="HARMURL">有害信息链接</option>
									<option value="APPOFFICIALURL">APP官方网址</option>
									<option value="APPDOWNURL">APP下载地址</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">请选择</span>
									<ul class="list">
										<li data-value="0" class="option selected">请选择</li>
										<li data-value="HARMURL" class="option">有害信息链接</li>
										<li data-value="APPOFFICIALURL" class="option">APP官方网址</li>
										<li data-value="APPDOWNURL" class="option">APP下载地址</li>
									</ul>
								</div>
								<span class="tip err" id="app_address_err"></span>
							</td>
						</tr>


						<tr class="va-t" id="app_address_yh" style="display: none;">
							<th id="app_address_yh_all">有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="app_address_area"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="website_address_yh_err"></td>
						</tr>


						<!--                <tr class="va-t" id="app_address_gw">-->
						<!--                    <th>APP官网地址</th>-->
						<!--                    <td>-->
						<!--                        <textarea class="txt w100p h5em" id="website_address_gw"-->
						<!--                                  placeholder='网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。'></textarea>-->
						<!--                    </td>-->
						<!--                    <td width="25%" class="tip err" id="website_address_gw_err"></td>-->
						<!--                </tr>-->


						<!--                <tr class="va-t" id="app_address_xz">-->
						<!--                    <th>APP下载地址</th>-->
						<!--                    <td>-->
						<!--                        <textarea class="txt w100p h5em" id="website_address_xz"-->
						<!--                                  placeholder='网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。'></textarea>-->
						<!--                    </td>-->
						<!--                    <td width="25%" class="tip err" id="website_address_xz_err"></td>-->
						<!--                </tr>-->
					</tbody>


					<tbody id="report_sources_3" style="display: none;">
						<tr>
							<th width="120">平台类别</th>
							<td colspan="2">
								<select class="select w35p" id="platform_category" style="display: none;">
									<option value="0">请选择</option>
									<option value="WECHAT">微信</option>
									<option value="QQ">QQ</option>
									<option value="WEIBO">微博</option>
									<option value="TIEBA">贴吧</option>
									<option value="BLOG">博客</option>
									<option value="SHORTVIDEO">直播平台</option>
									<option value="FORUM">论坛社区</option>
									<option value="NETDISK">网盘</option>
									<option value="AUDIO">音频</option>
									<option value="OTHER">其他</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">请选择</span>
									<ul class="list">
										<li data-value="0" class="option selected">请选择</li>
										<li data-value="WECHAT" class="option">微信</li>
										<li data-value="QQ" class="option">QQ</li>
										<li data-value="WEIBO" class="option">微博</li>
										<li data-value="TIEBA" class="option">贴吧</li>
										<li data-value="BLOG" class="option">博客</li>
										<li data-value="SHORTVIDEO" class="option">直播平台</li>
										<li data-value="FORUM" class="option">论坛社区</li>
										<li data-value="NETDISK" class="option">网盘</li>
										<li data-value="AUDIO" class="option">音频</li>
										<li data-value="OTHER" class="option">其他</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>

							<!--微信-->
						</tr>
					</tbody>
					<tbody id="wx" style="display: none;">
						<tr id="wx_zhxz">
							<th width="120">账号性质</th>
							<td colspan="2">
								<select class="select w35p" id="wx_xz" style="display: none;">
									<option value="PERSON">个人</option>
									<option value="PUBLIC">公众</option>
									<option value="GROUP">群组</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">个人</span>
									<ul class="list">
										<li data-value="PERSON" class="option selected">个人</li>
										<li data-value="PUBLIC" class="option">公众</li>
										<li data-value="GROUP" class="option">群组</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>
						</tr>
						<tr>
							<th id="wx_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="wx_account" name="" value=""
									placeholder="微信号不能为空">
							</td>
							<td width="25%" class="tip err"></td>
						</tr>
						<tr class="va-t" id="wx_yh">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="wx_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="wx_yh_address_err"></td>
						</tr>


					</tbody>



					<!--qq-->
					<tbody id="qq" style="display: none;">
						<tr id="qq_zhxz">
							<th width="120">账号性质</th>
							<td colspan="2">
								<select class="select w35p" id="qq_xz" style="display: none;">
									<option value="PERSON">个人</option>
									<option value="GROUP">群组</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">个人</span>
									<ul class="list">
										<li data-value="PERSON" class="option selected">个人</li>
										<li data-value="GROUP" class="option">群组</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>
						</tr>
						<tr>
							<th id="qq_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="qq_account" name="" value=""
									placeholder="QQ号码不能为空">
							</td>
							<td width="25%" class="tip err" id="qq_account_err">
							</td>
						</tr>

						<tr class="va-t" id="qq_yh">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="qq_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="qq_yh_address_err"></td>
						</tr>

					</tbody>


					<!--微博-->
					<tbody id="wb" style="display: none;">
						<tr id="wb_zhxz">
							<th width="120">账号性质</th>
							<td colspan="2">
								<select class="select w35p" id="wb_xz" style="display: none;">
									<option value="AUTH">认证</option>
									<option value="UNAUTH">非认证</option>
								</select>
								<div class="nice-select select w35p" tabindex="0"><span class="current">认证</span>
									<ul class="list">
										<li data-value="AUTH" class="option selected">认证</li>
										<li data-value="UNAUTH" class="option">非认证</li>
									</ul>
								</div>
								<span class="tip err"></span>
							</td>
						</tr>
						<tr>
							<th id="wb_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="wb_account" name="" value=""
									placeholder="账号名称/ID不能为空，且不能包含空格">
							</td>
							<td width="25%" class="tip err" id="wb_account_err">
							</td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="wb_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="wb_yh_address_err"></td>
						</tr>

					</tbody>


					<!--贴吧-->
					<tbody id="tb" style="display: none;">
						<tr>
							<th id="tb_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="tb_account" name="" value=""
									placeholder="账号名称/ID不能为空，且不能包含空格">
							</td>
							<td width="25%" class="tip err" id="tb_account_err">
							</td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="tb_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="tb_yh_address_err"></td>
						</tr>

					</tbody>


					<!--论坛社区-->
					<tbody id="ltsq" style="display: none;">
						<tr>
							<th id="ltsq_sqmc">论坛社区名称</th>
							<td><input type="text" class="txt w100p" id="ltsq_name" name="" value=""
									placeholder="论坛平台名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="ltsq_name_err"></td>
						</tr>
						<tr>
							<th id="ltsq_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="ltsq_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="ltsq_account_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="ltsq_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="ltsq_yh_address_err"></td>
						</tr>

					</tbody>


					<!--博客-->
					<tbody id="bk" style="display: none;">
						<tr>
							<th id="bk_sqmc">博客名称</th>
							<td><input type="text" class="txt w100p" id="bk_name" name="" value=""
									placeholder="博客平台名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="bk_name_err"></td>
						</tr>
						<tr>
							<th id="bk_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="bk_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="bk_account_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="bk_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="bk_yh_address_err"></td>
						</tr>

					</tbody>


					<!--网盘-->
					<tbody id="wp" style="display: none;">
						<tr>
							<th id="wp_sqmc">网盘名称</th>
							<td><input type="text" class="txt w100p" id="wp_name" name="" value=""
									placeholder="网盘平台名称不能为空，且不超过40字符">
							</td>

							<td width="25%" class="tip err" id="wp_name_err"></td>
						</tr>
						<tr>
							<th id="wp_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="wp_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="wp_account_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="wp_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="wp_yh_address_err"></td>
						</tr>

					</tbody>


					<!--直播-->
					<tbody id="zb" style="display: none;">
						<tr>
							<th id="zb_sqmc">直播平台名称</th>
							<td><input type="text" class="txt w100p" id="zb_name" name="" value=""
									placeholder="直播平台名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="zb_name_err"></td>
						</tr>
						<tr>
							<th id="zb_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="zb_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="zb_account_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="zb_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="zb_yh_address_err"></td>
						</tr>

					</tbody>


					<!--音频-->
					<tbody id="yp" style="display: none;">
						<tr>
							<th id="yp_sqmc">音频平台名称</th>
							<td><input type="text" class="txt w100p" id="yp_name" name="" value=""
									placeholder="音频平台名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="yp_name_err"></td>
						</tr>
						<tr>
							<th id="yp_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="yp_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="yp_account_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="yp_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="yp_yh_address_err"></td>
						</tr>

					</tbody>


					<!--其它-->
					<tbody id="qt" style="display: none;">
						<tr>
							<th id="qt_sqmc">平台名称</th>
							<td><input type="text" class="txt w100p" id="qt_name" name="" value=""
									placeholder="平台名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="qt_name_err"></td>
						</tr>
						<tr>
							<th id="qt_zhmc">账号名称/ID</th>
							<td><input type="text" class="txt w100p" id="qt_account" name="" value=""
									placeholder="账号名称不能为空，且不超过40字符">
							</td>
							<td width="25%" class="tip err" id="qt_account_err"></td>
						</tr>
						<tr>
							<th id="qt_gw">官网地址/ID</th>
							<td><input type="text" class="txt w100p" id="qt_gwdz" name="" value=""
									placeholder="官网地址不能为空，且不超过500个字符">
							</td>
							<td width="25%" class="tip err" id="qt_gwdz_err"></td>
						</tr>

						<tr class="va-t">
							<th>有害信息所在页<br>面详细网址</th>
							<td>
								<textarea class="txt w100p h5em" id="qt_yh_address"
									placeholder="网址格式：http://www.xxx.com或https://www.xxx.com，举报多个网址请按回车键后再输入，否则无效。"></textarea>
							</td>
							<td width="25%" class="tip err" id="qt_yh_address_err"></td>
						</tr>

					</tbody>





					<tbody>
						<tr class="va-t">
							<th>举报内容</th>
							<td>
								<textarea class="txt w100p h5em" id="report_content"
									placeholder="举报内容不能为空且不能超过500个字符"></textarea>
							</td>
							<td width="25%" class="tip err"></td>
						</tr>
						<tr class="va-t">
							<th>举报材料及<br>要件</th>
							<td>
								<div class="uploadBox scroll h5em">
									<p class="">请提供相关网页截图及要件<br>上传的附件总大小不能超过200M，总数量不能超过10个</p>
									<a class="btn primary upload ta-c f-l"><input type="file" multiple=""
											onchange="addFiles('upload_file','showfilelist')" id="upload_file"
											class="file" name="upload_file"><span>请选择附件</span></a>
									<ul class="fileList f-l" id="showfilelist">
										<!-- <li><a class="file"
                                        href="/">afaafadafadhahahhahahahhahhahhahaafadafadafadafadafadd</a><a class="del">删除</a></li>-->
									</ul>
								</div>
							</td>
							<td width="25%" class="tip">
							</td>
						</tr>
						<tr>
							<th>验证码</th>
							<td>
								<div class="vcode w100p" style="display: flex;flex-direction: row;align-items: center;">
									<input type="text" class="txt " id="verify_code" name="verify_code"
										placeholder="填写验证码答案">
									<div>
										<canvas id="c1" width="100" height="30"
											style="border:1px solid black;margin-left: 10px;"></canvas>
									</div>

								</div>
							</td>
							<td id="verifycode_err" class="tip err"></td>
						</tr>
					</tbody>
				</table>
				<div class="ta-c mt30 mb30">
					<button class="btn primary" type="button" onclick="submit_reportinfo()">提交</button>
					<button class="btn ml40" type="button" id="rest" onclick="resetSubmitInfo('jbform')">重置</button>
				</div>
			</form>
		</div>
	</div>
	</div>

	<!-- <div class="footer">中央网信办（国家互联网信息办公室）违法和不良信息举报中心 版权所有 <a href="https://beian.miit.gov.cn/">京ICP备15022452号</a></div> -->
	<div class="footer">北海市互联网违法和不良信息举报中心版权所有</div>

	<script type="text/javascript">
		//添加cookie
		function setCookie(name, value) {
			var Days = 30;
			var exp = new Date();
			exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
			//document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
			$.cookie(name, value, {
				expires: exp,
				path: '/',
				domain: '12377.cn',
				secure: true
			})
		}

		function getCookie(name) {
			var strcookie = document.cookie; //获取cookie字符串
			var arrcookie = strcookie.split("; "); //分割
			//遍历匹配
			for (var i = 0; i < arrcookie.length; i++) {
				var arr = arrcookie[i].split("=");
				if (arr[0] == name) {
					return arr[1];
				}
			}
			return "";
		}

		var ck = getCookie("12377.cn");
		if (ck == "undefined" || ck == null || ck == '') {
			var std = new Date().getTime();
			var rd = Math.floor(Math.random() * 100);
			setCookie("12377.cn", std + '' + rd);
		}

		function pad2(n) {
			return n < 10 ? '0' + n : n
		}

		function generateTimeReqestNumber() {
			var date = new Date();
			return date.getFullYear().toString() + pad2(date.getMonth() + 1) + pad2(date.getDate()) + pad2(date.getHours()) +
				pad2(date.getMinutes()) + pad2(date.getSeconds());
		}

		function guid() {
			return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
				var r = Math.random() * 16 | 0,
					v = c == 'x' ? r : (r & 0x3 | 0x8);
				return v.toString(16);
			});
		}

		var code;

		function createCode() {
			//var codeInput = document.getElementsByClassName("code")[0];
			var codeArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
				'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
			];
			var length = 6;
			code = "";
			for (var i = 0; i < length; i++) {
				randomI = Math.floor(Math.random() * 36);
				code += codeArr[randomI];
			}
			return code;
		}

		userKey = guid();
		console.log(userKey);
		var ckguestkey = getCookie("guestKey");
		console.log('======' + generateTimeReqestNumber());
		if (ckguestkey == "undefined" || ckguestkey == null || ckguestkey == '') {
			guestKey = generateTimeReqestNumber() + createCode();
			setCookie("guestKey", guestKey);
			console.log(guestKey);
			//setCookie("userKey",userKey);
			//console.log(userKey);
		}

		t = new Date().getTime() + Math.random();
		vist = '<script src="https://stats.12377.cn/js/visitor.js?time=' + t + '"><//script>';
		//vist = '<script src="https://stats.12377.cn:81/js/visitor.js?time='+t+'"><//script>';
		document.write(vist);
		console.log(vist)
	</script>
	<script src="Scripts/visitor.js">
	</script>

	<script src="Scripts/jquery.nice-select.js"></script>
	<script src="Scripts/common.js"></script>
	<script src="layer/layer.js"></script>
	<script src="Scripts/jquery_cookie_min.js" type="text/javascript" charset="utf-8"></script>
	<script src="Scripts/file.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		$.cookie("from", "/jbxzxq/jbxx/zcjb/zcjb.html", {
			expires: date,
			path: '/',
			secure: true
		});

		var showNum = []

		$(function () {

			$("#login_username").html($.cookie('loginuname'))

			draw(showNum)

			$("#c1").click(function () {
				draw(showNum)
			})
			$("#btn").click(function () {
				var s = $("#inputValue").val().toLowerCase()
				var s1 = showNum.join("")
				if (s == s1) {
					alert("提交成功")
				} else {
					alert("验证码错误")
				}
				draw(showNum)
			})


			// 封装一个把随机验证码放在画布上
			function draw(showNum) {
				// 获取canvas
				var canvas = $("#c1")
				var ctx = canvas[0].getContext("2d")
				// 获取画布的宽高
				var canvas_width = canvas.width()
				var canvas_height = canvas.height()
				//  清空之前绘制的内容
				// 0,0清空的起始坐标
				// 矩形的宽高
				ctx.clearRect(0, 0, canvas_width, canvas_height)
				// 开始绘制
				var scode = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,1,2,3,4,5,6,7,8,9,"
				var arrCode = scode.split(",")
				var arrLength = arrCode.length
				for (var i = 0; i < 4; i++) {
					var index = Math.floor(Math.random() * arrCode.length)
					var txt = arrCode[index]//随机一个字符
					showNum[i] = txt.toLowerCase()//转化为小写存入验证码数组
					// 开始控制字符的绘制位置
					var x = 10 + 20 * i //每一个验证码绘制的起始点x坐标
					var y = 20 + Math.random() * 8// 起始点y坐标

					ctx.font = "bold 20px 微软雅黑"
					// 开始旋转字符
					var deg = Math.random * -0.5
					// canvas 要实现绘制内容具有倾斜的效果，必须先平移，目的是把旋转点移动到绘制内容的地方
					ctx.translate(x, y)
					ctx.rotate(deg)
					// 设置绘制的随机颜色
					ctx.fillStyle = randomColor()
					ctx.fillText(txt, 0, 0)

					// 把canvas复原
					ctx.rotate(-deg)
					ctx.translate(-x, -y)

				}
				for (var i = 0; i < 30; i++) {
					if (i < 5) {
						// 绘制线
						ctx.strokeStyle = randomColor()
						ctx.beginPath()
						ctx.moveTo(Math.random() * canvas_width, Math.random() * canvas_height)
						ctx.lineTo(Math.random() * canvas_width, Math.random() * canvas_height)
						ctx.stroke()
					}
					// 绘制点
					ctx.strokeStyle = randomColor()
					ctx.beginPath()
					var x = Math.random() * canvas_width
					var y = Math.random() * canvas_height
					ctx.moveTo(x, y)
					ctx.lineTo(x + 1, y + 1)
					ctx.stroke()

				}


			}

			// 随机颜色
			function randomColor() {
				var r = Math.floor(Math.random() * 256)
				var g = Math.floor(Math.random() * 256)
				var b = Math.floor(Math.random() * 256)
				return `rgb(${r},${g},${b})`

			}



			if ($.cookie('bigHarmType') == undefined || $.cookie('bigHarmType') == "") {
				window.location.href = "./default.html"
			}
		})

		$(function () {
			$("#big_HAEM").html($.cookie("BIG_HARM") + "举报")
		})

		setinputsize()


		//获取危害小类
		$(function () {
			var childrens = getbigharmchildren();
			$("#harm_category").empty();
			$("#harm_category").append('<option value="0">请选择</option>')
			$.each(childrens, function (i) {
				console.log(JSON)
				$("#harm_category").append('<option value="' + childrens[i]["value"] + '">' + childrens[i][
					"name"
				] + '</option>')
			})
			$("#harm_category").niceSelect("update");
		})


		//App
		$("#report_sources_1").hide()

		//网站
		$("#report_sources_2").hide()

		$("#report_sources_3").hide()


		// $("#app_address_gw").hide()
		// $("#app_address_xz").hide()
		$("#app_address_yh").hide()

		//网络账号
		$("#wx").hide()
		$("#qq").hide()
		$("#wb").hide()
		$("#tb").hide()
		$("#ltsq").hide()
		$("#bk").hide()
		$("#wp").hide()
		$("#zb").hide()
		$("#yp").hide()
		$("#qt").hide()


		function getverifycode(img) {
			//$.get(BS_URL+'/rpapi/portal/captcha', function (data) {
			img.src = BS_URL + "/rpapi/portal/captcha?" + new Date().getTime();
			//})
		}

		function yanzheng() {
			//$.get(BS_URL+'/rpapi/portal/captcha', function (data) {
			document.getElementById("verifycode_id").src = BS_URL + "/rpapi/portal/captcha?" + new Date().getTime();
			//})
		}

		//选择被举报的平台
		$("#report_platform").bind('change', function () {
			var select = $("#report_platform").find("option:selected").text()
			if (select == "网站网页") {
				$("#report_sources_1").show()
				$("#report_sources_2").hide()
				$("#report_sources_3").hide()
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()
			} else if (select == "APP") {
				$("#report_sources_1").hide()
				$("#report_sources_2").show()
				$("#report_sources_3").hide()
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()
			} else if (select == "网络账号") {
				$("#report_sources_1").hide()
				$("#report_sources_2").hide()
				$("#report_sources_3").show()
			} else {
				console.log("用户没有选择被举报平台的类别")
				$("#report_sources_1").hide()
				$("#report_sources_2").hide()
				$("#report_sources_3").hide()
			}

		})


		//APP定位
		$("#app_source").bind('change', function () {
			var select = $("#app_source").find("option:selected").text()
			if (select == "有害信息链接") {
				$("#app_address_yh").show()
				$("#app_address_yh_all").html("有害信息所在页<br>面详细网址")

			} else if (select == "APP官方网址") {
				$("#app_address_yh").show()
				$("#app_address_yh_all").html("APP官网地址")


			} else if (select == "APP下载地址") {
				$("#app_address_yh").show()
				$("#app_address_yh_all").html("APP下载地址")

			} else {
				$("#app_address_yh").hide()
				$("#app_address_yh_all").html("有害信息所在页<br>面详细网址")
			}

		})

		//网络账号平台platform_category
		$("#platform_category").bind('change', function () {
			var select = $("#platform_category").find("option:selected").text()
			if (select == "微信") {
				$("#wx").show()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()
			} else if (select == "QQ") {
				$("#wx").hide()
				$("#qq").show()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "微博") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").show()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "贴吧") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").show()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()
			} else if (select == "博客") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").show()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "直播平台") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").show()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "论坛社区") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").show()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "网盘") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").show()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()

			} else if (select == "音频") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").show()
				$("#qt").hide()

			} else if (select == "其他") {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").show()

			} else {
				$("#wx").hide()
				$("#qq").hide()
				$("#wb").hide()
				$("#tb").hide()
				$("#ltsq").hide()
				$("#bk").hide()
				$("#wp").hide()
				$("#zb").hide()
				$("#yp").hide()
				$("#qt").hide()
				console.log("用户没有选择网络账号的平台")
			}
		})

		//选择微信“公众”显示有害信息
		/*$("#wx_xz").bind('change', function () {
			var select = $("#wx_xz").find("option:selected").text()
			if (select == "个人" || select == "群组") {
				$("#wx_yh").hide();
			} else {
				$("#wx_yh").show();
			}
		})
		*/
		$("#platform_category").bind('change', function () {
			var select = $("#platform_category").find("option:selected").text()
			var selectqq_xz = $("#qq_xz").find("option:selected").text()
			if (select == "微信" || select == "QQ") {
				$("#qq_yh").hide();
				$("#wx_yh").hide();
				if (select == "微信") {
					$("#wx_account").attr('placeholder', '微信号不能为空，且不能包含空格')
				}
				if (select == "QQ") {
					$("#qq_account").attr('placeholder', 'QQ号码不能为空，且不能包含空格')
				}
				if (select == "QQ" && selectqq_xz == "群组") {
					$("#qq_account").attr('placeholder', 'QQ群号不能为空，且不能包含空格')
				}
			} else {
				$("#wx_yh").show();
				$('#tb_account').attr('placeholder', '账号名称/ID不能为空，且不能包含空格')
			}
		})

		$("#qq_xz").bind('change', function () {
			var select = $("#platform_category").find("option:selected").text()
			var selectqq_xz = $("#qq_xz").find("option:selected").text()
			if (select == "QQ") {
				if (select == "QQ" && selectqq_xz == "个人") {
					$("#qq_account").attr('placeholder', 'QQ号码不能为空，且不能包含空格')
				}
				if (select == "QQ" && selectqq_xz == "群组") {
					$("#qq_account").attr('placeholder', 'QQ群号不能为空，且不能包含空格')
				}
			} else {
				$("#wx_yh").show();
				$('#tb_account').attr('placeholder', '账号名称/ID不能为空，且不能包含空格')
			}
		})

		$("#wx_xz").bind('change', function () {
			var select = $("#platform_category").find("option:selected").text()
			var selectqq_xz = $("#wx_xz").find("option:selected").text()
			if (select == "微信") {
				if (select == "微信" && selectqq_xz == "个人") {
					$("#wx_account").attr('placeholder', '微信号不能为空，且不能包含空格')
				}
				if (select == "微信" && selectqq_xz == "公众") {
					$("#wx_account").attr('placeholder', '账号名称/ID，且不能包含空格')
				}
				if (select == "微信" && selectqq_xz == "群组") {
					$("#wx_account").attr('placeholder', '账号名称/ID，且不能包含空格')
				}
			} else {
				$("#wx_yh").show();
				$('#wx_account').attr('placeholder', '账号名称/ID不能为空，且不能包含空格')
			}
		})

		// $("#website_name").bind('change', function () {
		//     var select = $("#website_name").val()
		//     if (select.length>0) {
		//         $("#website_name_err").hide();
		//     } else {
		//         $("#website_name_err").show();
		//     }
		// })



		var formdata = new FormData()

		function verifyStrLenAndIsNull(str, msg, maxsize, necessparam) {
			if (necessparam == 1) {
				if (str == undefined || str.trim().length < 1) {
					alert(msg + "是必填信息不能为空。")
					console.log("字符串验证str=" + str)
					return false
				}
			}
			if (str == undefined) {
				console.log(msg + "参数存在异常str=" + str)
				return false
			}
			if (str.length > maxsize) {
				alert(msg + "不能超过" + maxsize + "字符。")
				return false
			}
			return true
		}

		/**举报人类型，"REGISTED","注册用户";"REALUSER";"实名用户";"ANONYMOUS";"匿名用户"*/
		var REPORTERTYPE = "REGISTED"

		var bigHarmType = $.cookie('bigHarmType')
		var smallharmType

		/**被举报平台，"WEBSITE","网站";"ACCOUNT","网络账号";"APP","APP客户端"*/
		var reportTargetType
		var realname
		var username
		var email
		var sex
		var telephone
		var provincename
		var cityname
		var countyname
		var address
		var provincecode
		var citycode
		var countycode

		function initData() {
			reportTargetType = getVal("report_platform")
			$.ajax({
				type: 'get',
				headers: {
					'Authorization': $.cookie('token')
				},
				url: BS_URL + '/app_user/get',
				dataType: 'json',
				async: false,
				success: function (rs) {
					if (rs["code"] == "401") {
						window.location.href = "/Login.html";
					}

					console.log(JSON.stringify(rs))
					realname = rs["result"]["realname"]
					console.log("verifyUserInfo，realname：" + realname)
					username = rs["result"]["username"]
					email = rs["result"]["email"]
					sex = rs["result"]["sex"]
					telephone = rs["result"]["telephone"]
					provincename = rs["result"]["provincename"]
					cityname = rs["result"]["cityname"]
					countyname = rs["result"]["countyname"]
					address = rs["result"]["address"]
					provincecode = rs["result"]["provincecode"]
					citycode = rs["result"]["citycode"]
					countycode = rs["result"]["countycode"]
					Log("信息已初始化")
				},
				error: function (err) {
					console.log("err:" + err)
				}
			})
		}


		function verifyUserInfo() {

			console.log("verifyUserInfo，realname：" + realname)
			if (!verifyStrLenAndIsNull(realname, "真实姓名", USERNAME_MAXSIZE, 1)) {
				return false
			}
			Log("验证用户信息1")

			if (!verifyStrLenAndIsNull(email, "邮箱", EMAIL_MAXSIZE, 1)) {
				return false
			}
			Log("验证用户信息2")
			if (!verifyStrLenAndIsNull(telephone, "电话", TELEPHONE_MAXSIZE, 1)) {
				return false
			}
			Log("验证用户信息3")
			if (!verifyStrLenAndIsNull(address, "地址", ADDRESS_MAXSIZE, 0)) {
				return false
			}
			Log("验证用户信息4")
			if (sex == undefined) {
				alert("请选择性别。")
				return false
			}
			Log("验证用户信息5")
			if ($("#harm_category").find("option:selected").text().indexOf("请选择") != -1) {
				alert("请选择危害小类。")
				return false;
			}
			Log("验证用户信息6")
			if ($("#report_platform").find("option:selected").text().indexOf("请选择") != -1) {
				alert("请选择被举报平台。")
				return false;
			}
			Log("验证用户信息7")
			if (getVal("verify_code").length < 1 || getVal("verify_code") == "") {
				alert("请输入验证码。")
				return false;
			}
			Log("验证用户信息8")
			if (!(email.match(/^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/) !=
				null)) {
				alert("邮箱格式不正确。")
				return false
			}
			Log("验证用户信息9")
			if (!(telephone.match(/^1[3,5,6,7,8,9]\d{9}$/) != null)) {
				alert("手机号码格式不正确。")
				return false
			}
			Log("验证用户信息10")
			if ((realname.match(/[^\u4E00-\u9FA5A-Za-z·]/) != null) || (realname.match(/··/) != null)) {
				console.log("realname：" + realname)

				alert("姓名不能为空，只允许包含英文字母或汉字。")
				return false
			}
			Log("验证用户信息11")
			if (realname.length < USERREALNAME_LIMSIZE) {
				alert("姓名不能为空,长度为" + 2 + "-" + USERNAME_MAXSIZE + "。")
				return false
			}
			Log("验证用户信息12")
			return true
		}

		function getReportorInfo() {
			var formData = new FormData();
			if (!verifyUserInfo()) {
				Log("验证用户信息失败")
				return false
			}
			Log("验证用户信息成功")
			provincecode = setPccValue(provincecode)
			citycode = setPccValue(citycode)
			countycode = setPccValue(countycode)
			provincename = setPccValue(provincename)
			cityname = setPccValue(cityname)
			countyname = setPccValue(countyname)

			formData.append("realname", realname)
			formData.append("username", username)
			formData.append("email", email)
			formData.append("sex", sex)
			formData.append("telephone", telephone)
			formData.append("provincecode", provincecode)
			formData.append("provincename", provincename)
			formData.append("citycode", citycode)
			formData.append("cityname", cityname)
			formData.append("countycode", countycode)
			formData.append("countyname", countyname)
			formData.append("address", address)
			Log("realname=" + formData.get("realname"))
			Log("username=" + formData.get("username"))
			Log("email=" + formData.get("email"))
			Log("sex=" + formData.get("sex"))
			Log("telephone=" + formData.get("telephone"))
			Log("provincecode=" + formData.get("provincecode"))
			Log("provincename=" + formData.get("provincename"))
			Log("citycode=" + formData.get("citycode"))
			Log("countrycode=" + formData.get("countrycode"))
			Log("countyname=" + formData.get("countyname"))
			Log("address=" + formData.get("address"))
			return formData
		}

		function getReportConstanInfo(formData) {
			// formData.append("reportFrom", REPORTFROM)
			// formData.append("reportPlat", REPORTPLAT)
			formData.append("tortType", TORTTYPE)
			formData.append("reporterType", REPORTERTYPE)
			formData.append("bigHarmType", bigHarmType)
			formData.append("smallHarmType", smallharmType)
			Log("reportFrom=" + formData.get("reportFrom"))
			Log("reportPlat=" + formData.get("reportPlat"))
			Log("tortType=" + formData.get("tortType"))
			Log("reporterType=" + formData.get("reporterType"))
			Log("bigHarmType=" + formData.get("bigHarmType"))
			Log("smallHarmType=" + formData.get("smallHarmType"))


			var content = getVal("report_content")

			if (!contentStrLenAndIsNull(content, "举报内容", REPORTCONTENT_MAXSIZE, 1)) {
				return false
			}

			formData.append("content", content)

			var verifyCode = getVal("verify_code")
			if (!verifyStrLenAndIsNull(verifyCode, "验证码", VERIFYCODE_MAXSIZE, 1)) {
				return false
			}
			formData.append("verifyCode", verifyCode)

			var fl = getAllFile();
			for (var i = 0; i < fl.length; i++) {
				formData.append("file", fl[i]);
			}
			return formData;
		}

		/***
		 * @param targetName: 被举报的网站名称，app名称，账号名称/ID
		 * @param targetUrl: 有害链接/app官网网址/app下载地址支持多条，使用回车做为分隔符
		 * @param reportTargetType : 被举报平台，"WEBSITE","网站";"ACCOUNT","网络账号";"APP","APP客户端"
		 * @param appLoc: app定位："HARMURL","有害信息链接";"APPOFFICIALURL","APP官方网站网址";"APPDOWNURL","APP下载地址"
		 * @param accountType: 账号类别,"PERSON","个人";"PUBLIC","公众";"GROUP","群组";"AUTH","认证";"UNAUTH","非认证"
		 * @param accountProperty: 账号性质,"WECHAT","微信";"QQ","QQ";"WEIBO","微博";"TIEBA","贴吧";"FORUM",
		 * "论坛";"BLOG","博客";"NETDISK","网盘";"SHORTVIDEO","短视频直播平台";"AUDIO","音频平台"；"OTHER","其他"
		 *@param officalUrl: 非侵权类 其他下面
		 *
		 * */

		function getReportNecessaryParInfo(formData, targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId,
			plantformNameId, officalUrlId) {
			console.log("验证必填信息：" + targetName)

			var targetName = getVal(targetNameId)
			if (!verifyStrLenAndIsNull(targetName, "网站、app、账号名称", PLANTFORMNAME_MAXSIZE, 1)) {
				console.log("targetName验证出现问题：" + targetName)
				return false
			}

			console.log("getReportNecessaryParInfo开始执行")
			if (TargetUrlId != 0) {
				var targetUrl = getVal(TargetUrlId)
				var select = $("#platform_category").find("option:selected").text()
				if (select != "微信" && select != "QQ") {
					if (!verifyStrLenAndIsNull(targetUrl, "有害网址链接/APP官网地址/APP下载地址", HARMTEXT_MAXSIZE, 1)) {
						console.log("targetUrl验证出现问题：" + targetUrl)
						return false
					}
				}

				if (select != "微信" && select != "QQ") {
					if (!(targetUrl.match(urlReg) != null)) {
						alert("网址格式不正确")
						console.log("网址格式不正确")
						return false
					}
				}

				formData.append("targetUrl", targetUrl)
				Log("targetUrl=" + formData.get("targetUrl"))
			}

			console.log("getReportNecessaryParInfo：appLocId")
			if (appLocId != 0) {
				var appLoc = getValForSelect(appLocId)
				if (appLoc == "0" || appLoc == 0) {
					alert("请选择APP定位")
					return false
				}
				formData.append("appLoc", appLoc)
				Log("appLoc=" + formData.get("appLoc"))
			}
			console.log("getReportNecessaryParInfo：accountTypeId")
			if (accountTypeId != 0) {
				var accountType = getValForSelect(accountTypeId)
				formData.append("accountType", accountType)
				Log("accountType=" + formData.get("accountType"))
			}
			console.log("getReportNecessaryParInfo：accountPropertyId")
			if (accountPropertyId != 0) {
				var accountProperty = getValForSelect(accountPropertyId)
				formData.append("accountProperty", accountProperty)
			}
			if (plantformNameId != 0) {
				var plantformName = getVal(plantformNameId)
				if (!verifyStrLenAndIsNull(plantformName, "所在平台", PLANTFORMNAME_MAXSIZE, 1)) {
					console.log("所在平台验证出现问题：" + plantformName)
					return false
				}
				formData.append("plantformName", plantformName)
				Log("plantformName=" + formData.get("plantformName"))
			}
			if (officalUrlId != 0) {
				var officalUrl = getVal(officalUrlId)
				if (!verifyStrLenAndIsNull(officalUrl, "官网地址", HARMTEXT_MAXSIZE, 1)) {
					console.log("官网地址验证出现问题：" + officalUrl)
					return false
				}

				if (!(officalUrl.match(urlReg) != null)) {
					alert("官网网址格式不正确")
					console.log("官网网址格式不正确")
					return false
				}
				formData.append("officalUrl", officalUrl)
				Log("officalUrl=" + formData.get("officalUrl"))
			}
			formData.append("reportTargetType", reportTargetType)
			Log("reportTargetType=" + formData.get("reportTargetType"))

			console.log("getReportNecessaryParInfo：targetName")
			if (!verifyStrLenAndIsNull(targetName, "网站或APP或账号名称", PLANTFORMNAME_MAXSIZE, 1)) {
				console.log("网站或APP或账号名称:" + targetName)
				return false
			}


			var verify_code = $("#verify_code").val()
			let real_verify_code = showNum.join('')


			if (verify_code.toLocaleLowerCase() !== real_verify_code) {
				alert('验证码错误')
				return false
			}

			formData.append("targetName", targetName)
			console.log("getReportNecessaryParInfo:" + JSON.stringify(formData))
			Log("targetName=" + formData.get("targetName"))
			return formData
		}


		function getVal(id) {
			var value = $("#" + id).val()
			return value
		}

		function getValForSelect(id) {
			var value = $("#" + id).find("option:selected").val()
			return value
		}

		function submiTool(targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL,
			plantformName, officalUrlId) {
			var ReportorInfo = getReportorInfo()
			if (!ReportorInfo) {
				console.log("获取用户信息出现问题")
				return false;
			}
			var formData = getReportConstanInfo(ReportorInfo)
			if (!formData) {
				console.log("获取常量出现问题")
				return false;
			}

			console.log("获取必选参数")
			var NecessaryParInfo = getReportNecessaryParInfo(formData, targetNameId, TargetUrlId, appLocId, accountTypeId,
				accountPropertyId, plantformName, officalUrlId)
			// getReportNecessaryParInfo(ConstanInfo, 0, "website_address", 0, 0, 0)
			if (!NecessaryParInfo) {
				console.log("获取必要参数出现问题")
				return false;
			}
			var confi = confirm(JBTX)
			if (!confi) {
				return false
			}

			var index = layer.msg('<div style="padding:30px"><div></div>您的举报信息正在上传，请耐心等待。</div>', {
				time: 0,
				shade: 0.5,
				skin: "loading-1"
			});

			$.ajax({
				type: 'post',
				url: REQUEST_URL,
				dataType: 'json',
				data: NecessaryParInfo,
				contentType: false,
				processData: false,
				xhrFields: {
					withCredentials: true //允许跨域带Cookie
				},
				success: function (data) {
					console.log('result:--------------->' + JSON.stringify(data))
					if (data["code"] == "200") {

						layer.open({
							title: '提交成功',
							content: '您的查询码为：' + data["result"]["retrievalCode"],
							btn: ['确认'],
							yes: function (index, layero) {
								window.location.href = JUMP_URL;
							}
						});

					} else if (data["code"] == 3300) {
						console.log(JSON.stringify(data))
					} else {
						alert(data["message"])
					}

					layer.close(index);
				},
				error: function (err) {
					console.log(err)
				}
			})
		}

		function submit_reportinfo() {
			smallharmType = getValForSelect("harm_category")
			initData()

			var platform = $("#harm_category").find("option:selected").val()
			if (platform == 0 || platform == "0") {
				alert("请选择危害小类。")
				return false
			}

			var isshow = 0;
			if ($("#report_sources_1").is(":visible")) {
				Log("网站举报")
				isshow = 1;
				var issuccess = submiTool("website_name", "website_address", 0, 0, 0, REQUEST_URL, JUMP_URL, 0, 0)
				if (issuccess == false) {
					console.log("由于数据格式异常，此次举报不成功")
				}
				return;
			}
			if ($("#report_sources_2").is(":visible")) {
				Log("App举报")
				isshow = 2;
				//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
				var issuccess = submiTool("app_name", "app_address_area", "app_source", 0, 0, REQUEST_URL, JUMP_URL, 0, 0)
				if (issuccess == false) {
					console.log("由于数据格式异常，此次举报不成功")
				}
				return;
			}

			if ($("#report_sources_3").is(":visible")) {
				Log("社交账号举报")
				isshow = 3;

				if ($("#platform_category").find("option:selected").text() == "微信" && $("#wx_xz").find("option:selected")
					.text() == "公众") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("wx_account", "wx_yh_address", 0, "wx_xz", "platform_category", REQUEST_URL,
						JUMP_URL, 0, 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}
				if ($("#platform_category").find("option:selected").text() == "微信" && $("#wx_xz").find("option:selected")
					.text() != "公众") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("wx_account", 0, 0, "wx_xz", "platform_category", REQUEST_URL, JUMP_URL, 0, 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "QQ") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("qq_account", "qq_yh_address", 0, "qq_xz", "platform_category", REQUEST_URL,
						JUMP_URL, 0, 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "微博") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("wb_account", "wb_yh_address", 0, "wb_xz", "platform_category", REQUEST_URL,
						JUMP_URL, 0, 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "贴吧") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("tb_account", "tb_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, 0, 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "博客") {
					//targetNameId, TargetUrlId, appLocId, accountTypeId, accountPropertyId, REQUEST_URL, JUMP_URL
					var issuccess = submiTool("bk_account", "bk_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "bk_name", 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "直播平台") {
					var issuccess = submiTool("zb_account", "zb_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "zb_name", 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "论坛社区") {
					Log("论坛社区举报")
					var issuccess = submiTool("ltsq_account", "ltsq_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "ltsq_name", 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "网盘") {
					Log("网盘举报")
					var issuccess = submiTool("wp_account", "wp_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "wp_name", 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").text() == "音频") {
					Log("音频举报")
					var issuccess = submiTool("yp_account", "yp_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "yp_name", 0)
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}

				if ($("#platform_category").find("option:selected").val() == "OTHER") {
					Log("其它举报")
					var issuccess = submiTool("qt_account", "qt_yh_address", 0, 0, "platform_category", REQUEST_URL,
						JUMP_URL, "qt_name", "qt_gwdz")
					if (issuccess == false) {
						console.log("由于数据格式异常，此次举报不成功")
					}
					return;
				}
			}
		}


		var xhr;

		function upFile(a) {

			var flag = $(a);
			if (!flag[0].files || !flag[0].files[0]) {
				return;
			}
			var name = flag[0].files[0].name;
			var suffix = suffixName(name)[0].toLowerCase(); //后缀名
			var size = flag[0].files[0].size; //文件大小
			var fr = new FileReader(); // 这个FileReader应该对应于每一个读取的文件都需要重新new一个
			var files = flag[0].files[0]; // files可以获取当前文件输入框中选择的所有文件，返回列表
			fr.readAsDataURL(files); // 读取的内容是加密以后的本地文件路径
			fr.onload = function (e) { // 数据读取完成时触发onload对应的响应函数
				console.log(123);
				var timeStamp = Math.floor(Math.random() * 10000); //自定义一个随机数
				$(flag).parent().addClass('li' + timeStamp).hide(); //每次隐藏之前添加一个Class
				var html = '<a href="javascript:void(0)" class="select_the_file">选择文件\n' +
					'                        <input type="file" class="iptFile" οnchange="upFile(this)">\n' +
					'                    </a>';
				$('.no_file').before(html); //每次生成一个input file  插入到节点

				var li;
				if (suffix == '.jpg' || suffix == '.jpeg' || suffix == '.png' || suffix == '.bmp' || suffix ==
					'.gif') { //图片格式
					li = '<li> <span><i class="fa fa-file-image-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.doc' || suffix == '.docx') { //word格式
					li = '<li><span><i class="fa fa-file-word-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.xls' || suffix == '.xlsx') { //excel格式
					li = '<li><span><i class="fa fa-file-excel-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.ppt' || suffix == '.pptx') { //PPT格式
					li = '<li><span><i class="fa fa-file-pdf-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.ppt' || suffix == '.pdf') { //PDF格式
					li = '<li><span><i class="fa fa-file-pdf-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.zip' || suffix == '.rar' || suffix == '.7z') { //压缩格式
					li = '<li><span><i class="fa fa-file-excel-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.wav' || suffix == '.mp3' || suffix == '.aac' || suffix == '.wma') { //声音格式
					li = '<li><span><i class="fa fa-file-video-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.avi' || suffix == '.mp4' || suffix == '.mov' || suffix == '.mkv' || suffix ==
					'.rm' || suffix == '.rmvb' || suffix == '.mpg' || suffix == '.mpeg') { //视频格式
					li = '<li><span><i class="fa fa-file-video-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else if (suffix == '.txt') { //文本格式
					li = '<li><span><i class="fa fa-file-text-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				} else {
					li = '<li><span><i class="fa fa-file-o">&nbsp;</i>' + name + '</span> <span class="size">(' +
						parseInt(files.size / 1000) + 'kb)</span> <span class="remove" data-class="li' + timeStamp +
						'"  οnclick="deleteLi(this)">删除</span> </li>';
				}

				if ($('.upload-enclosure-ul li').length < 10) { //判断不能超过10个  可自行写入多少
					$('.upload-enclosure-ul').append(li);
				} else {
					pageCommon.layerMsg("最多能选择10个附件", 2, true)
				}

				if ($('.upload-enclosure-ul li').length != 0) { // 显示隐藏 未选择文件字眼
					$('.no_file').hide();
				} else {
					$('.no_file').show();
				}
			};


		}


		//上传文件方法
		function UpladFile() {
			var fileObj = document.getElementById("upload_file").files[0]; // js 获取文件对象
			var url = "/api/attachment/upload"; // 后台地址

			var form = new FormData(); // FormData 对象
			form.append("file", fileObj); // 文件对象

			xhr = new XMLHttpRequest(); // XMLHttpRequest 对象
			xhr.open("post", url, true); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
			xhr.onload = uploadComplete; //请求完成
			xhr.onerror = uploadFailed; //请求失败

			xhr.upload.onprogress = progressFunction; //【上传进度调用方法实现】
			xhr.upload.onloadstart = function () { //上传开始执行方法
				ot = new Date().getTime(); //设置上传开始时间
				oloaded = 0; //设置上传开始时，以上传的文件大小为0
			};
			xhr.send(form); //开始上传，发送form数据
		}

		//上传成功响应
		function uploadComplete(evt) {
			//服务断接收完文件返回的结果

			var data = JSON.parse(evt.target.responseText);
			if (data.success) {
				alert("上传成功！");
			} else {
				alert("上传失败！");
			}
		}

		//上传失败
		function uploadFailed(evt) {
			alert("上传失败！");
		}

		//取消上传
		function cancleUploadFile() {
			xhr.abort();
		}
	</script>
</body>

</html>